<template>
  <div class="pscenter">
    <!-- 导航栏 -->
    <div class="topbar">
      <topbar />
    </div>
    <!-- 标题 -->
    <logonav />

    <!-- 主盒子 -->
    <div class="box">
      <!-- 盒子左边 导航栏 -->
      <div class="box_left">
        <div class="line_top line"></div>
        <!--  订单列表-->
        <dl class="box_left_box">
          <dt class="xb_dt_top">个人中心</dt>
          <dd class="xb_dt_1">
            <router-link to="/pscenter/userinfo">预览信息</router-link>
          </dd>
          <dd class="xb_order_2">
            <router-link to="/pscenter/orderlist">我的订单</router-link>
          </dd>
          <dd class="xb_order_2">
            <router-link to="/pscenter/userdate">个人资料</router-link>
          </dd>
          <dd class="xb_order_2">
            <router-link to="">收货地址</router-link>
          </dd>
          <!-- < dd class="xb_dt_2">
            <a href="">账户绑定</a>
          </dd> -->
        </dl>
        <div class="line"></div>
        <!-- 我的关注 -->
        <dl class="box_left_box">
          <dt class="xb_dt_top">我的关注</dt>
          <dd class="xb_dt_1">
            <router-link to="/like">关注商品</router-link>
          </dd>
          <dd class="xb_dt_2">
            <router-link to="/like">关注店铺</router-link>
          </dd>
        </dl>
        <div class="line"></div>

        <!-- 我的钱包 -->
        <dl class="box_left_box">
          <dt class="xb_dt_top">我的钱包</dt>
          <!-- <dd class="xb_dt_1">
            <a href="">优惠劵</a>
          </dd>
          <dd class="xb_dt_2">
            <a href="">小白豆</a>
          </dd> -->
          <dd class="xb_dt_3">
            <router-link to="/pscenter/userbalance">余额 </router-link>
          </dd>
        </dl>
        <div class="line"></div>
      </div>
      <!--盒子右边  中间主体部分 -->

      <div class="box_right_display">
        <router-view></router-view>
      </div>
    </div>

    <!-- 底部导航栏 -->
    <bottomv />
  </div>
</template>

<script>
import topbar from "@/components/topbar.vue";
import logonav from "@/components/logo_nav.vue";
import bottomv from "@/components/bottom.vue";

import "@/assets/css/user_percenter.css";

export default {
  components: {
    topbar,
    logonav,
    bottomv,
  },
  data() {
    return {
      input: "",
    };
  },
  methods: {
  


  },
};
</script>

<style scoped>
</style>
